﻿body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.container-main {
    background-repeat: repeat-x;
    background-color: #fff;
    text-align: center;
    padding-top: 50px;
}
.container-footer {
    margin: auto;
    width: 700px;
}
.container-error {
    padding-top: 10px;
    margin: auto;
    width: 629px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
}
.error-label {
    color: red;
    display: block;
    padding-bottom: 10px;
    text-align: left;
}
.wizard-step {
    margin: auto;
    width: 600px;
    height: 340px;
    text-align: left;
    padding: 10px;
}
.wizard-step td {
    height: 20px;
    margin: 0;
    padding: 0;
}
.header-text {
    font-size: 18px;
    color: #ff5a00;
    text-align: center;
    padding-bottom: 10px;
}

    width: 150px;
}
.title {
    font-weight: 700;
}
.log {
    width: 600px;
    height: 90px;
    margin: 0 auto;
}
.container-installer {
    margin: auto;
}
.container-installer .top .left {
    width: 22px;
    height: 22px;
    background-image: url(images/topleft.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.container-installer .top .center {
    width: 699px;
    height: 22px;
    background-image: url(images/top.gif);
    background-repeat: no-repeat;
    background-position: top;
}
.container-installer .top .right {
    width: 22px;
    height: 22px;
    background-image: url(images/topright.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.container-installer .Middle .left {
    width: 22px;
    height: 516px;
    background-image: url(images/left.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.container-installer .Middle .center {
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    background-position: top;
    text-align: center;
    vertical-align: top;
}
.container-installer .Middle .right {
    width: 22px;
    height: 516px;
    background-image: url(images/right.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.container-installer .Bottom .left {
    width: 22px;
    height: 22px;
    background-image: url(images/bottomleft.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.container-installer .Bottom .center {
    width: 699px;
    height: 22px;
    background-image: url(images/bottom.gif);
    background-repeat: no-repeat;
    background-position: top;
}
.container-installer .Bottom .right {
    width: 22px;
    height: 22px;
    background-image: url(images/bottomright.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.hint {
    font-size: 90%;
    font-style: italic;
}

/* spinner */
.throbber-header{
    font-size: 42px;
    font-weight: 100;
    color: #fff;
}
.throbber{
    display: none;
}
.throbber .curtain{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #3e4d45;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.throbber .curtain-content{
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 100%;
}
.throbber .curtain-content div{
    text-align: center;
    padding: 10px;
    color: #FFF;
}

.spinner svg {
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-animation: spinner-rotate 1.333s linear infinite;
    animation: spinner-rotate 1.333s linear infinite;
}

.spinner-container.active>.spinner, .spinner.active {
    background-color: transparent;
    border: none;
    display: inline-block;
}
.spinner {
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: none;
}

.spinner circle {
    fill: transparent;
    stroke: #ff9800;
    stroke-linecap: round;
    stroke-dasharray: 200.96;
    stroke-dashoffset: 58px;
    -webkit-animation: spinner-dash 1.333s linear infinite,spinner-colors 10.644s linear infinite;
    animation: spinner-dash 1.333s linear infinite,spinner-colors 10.644s linear infinite;
}


.spinner-container {
    position:relative;
    display:none;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}


html.ie .spinner circle{stroke-dashoffset:80px}
@keyframes spinner-dash{0%{stroke-dashoffset:58px}50%{stroke-dashoffset:200.96px}100%{stroke-dashoffset:58px}}
@-webkit-keyframes spinner-dash{0%{stroke-dashoffset:58px}50%{stroke-dashoffset:200.96px}100%{stroke-dashoffset:58px}}
@keyframes spinner-rotate{50%{transform:rotate(600deg)}100%{transform:rotate(720deg)}}
@-webkit-keyframes spinner-rotate{50%{transform:rotate(600deg)}100%{transform:rotate(720deg)}}
@keyframes spinner-rotate-ie{50%{transform:rotate(360deg)}100%{transform:rotate(720deg)}}
@keyframes spinner-colors{0%{stroke:#3f51b5}20%{stroke:#09b7bf}40%{stroke:#90d36b}60%{stroke:#f44336}80%{stroke:#f90}100%{stroke:#3f51b5}}
@-webkit-keyframes spinner-colors{0%{stroke:#3f51b5}20%{stroke:#09b7bf}40%{stroke:#90d36b}60%{stroke:#f44336}80%{stroke:#f90}100%{stroke:#3f51b5}}





/* mm styles */
.generalTitle {
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
    font-size: 30px;
    padding-top: 15px;
}
.generalMarginSupporter {
    margin: 30px 0;
    padding: 15px 0;
}
